.monitorConatiner {
    width: 100%;
    .searchdiv {
      position: fixed;
      top: 46px;
      z-index: 9;
      left: 0;
      width: 100%;
    }
    .search {
      width: 35px;
      height: 35px;
      background: rgba(245, 137, 20, 1);
      border: 1px solid rgba(215, 118, 13, 1);
      border-radius: 100%;
      font-size: 12px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: rgba(255, 255, 255, 1);
      display: flex;
      align-items: center;
      justify-content: center;
      position: fixed;
      right: 15px;
      top: 40px;
      z-index: 9;
    }
    .areacontent {
      widows: 100%;
      padding: 15px 15px 5px;
      box-sizing: border-box;
      font-size: 14px;
      color: #000;
      background: #fff;
      /deep/ .van-dropdown-menu {
        height: 35px;
        display: flex;
        margin: 0 0 10px;
        border: 1px solid rgba(220, 220, 220, 1);
        border-radius: 2px;
        padding: 0 15px 0 10px;
        box-sizing: border-box;
      }
  
      /deep/ .van-dropdown-menu__title {
        width: 100%;
        font-size: 14px !important;
      }
   
      /deep/ .van-col--12 {
        position: relative;
      }
      .selectplaceholde {
        line-height: 35px;
        position: absolute;
        color: #ccc;
      }
    }
    .bm-view {
      width: 100%;
      height: calc(100vh - 46px);
    }
  
    /**左到右动画 */
    .fadeleftIn {
      -webkit-animation: fadeleftIn 1s;
      animation: fadeleftIn 1s;
    }
  
    @keyframes fadeleftIn {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-120px);
      }
      100% {
        opacity: 1;
        -webkit-transform: translateX(0);
      }
    }
    /**右到左动画 */
    .fadeleftOut {
      -webkit-animation: fadeleftOut 1s;
      animation: fadeleftOut 1s;
    }
  
    @keyframes fadeleftOut {
      0% {
        opacity: 0;
        -webkit-transform: translateX(120px);
      }
      100% {
        opacity: 1;
        -webkit-transform: translateX(0);
      }
    }
    /**下到上动画 */
    .fadeleftup {
      -webkit-animation: fadeleftup 1s;
      animation: fadeleftup 1s;
    }
    @keyframes fadeleftup {
      0% {
        -webkit-transform: translate3d(0, 100%, 0);
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
      }
      100% {
        -webkit-transform: none;
        transform: none;
      }
    }
    /**从上往下 */
    .fadeleftdown {
      -webkit-animation: fadeleftdown 1s;
      animation: fadeleftdown 1s;
    }
    @keyframes fadeleftdown {
      0% {
        -webkit-transform: translate3d(0, -20%, 0);
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0);
        opacity: 0;
      }
      100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
      }
    }
    /**统计 */
    .sidecounticom {
      width: 35px;
      padding: 10px;
      background: #07b379;
      box-sizing: border-box;
      border: 1px solid rgba(7, 179, 121, 1);
      font-size: 12px;
      border-radius: 0 5px 5px 0;
      color: #fff;
      max-height: 150px;
      z-index: 0;
    }
    .sidecounticomshow {
      position: fixed;
      left: 0;
      top: 225px;
    }
    .sidecount {
      display: flex;
      align-items: center;
      position: fixed;
      z-index: 0;
      left: 0;
      top: 200px;
  
      .sidecount_ul {
        padding: 8px;
        box-sizing: border-box;
        background: url(../../../static/image/mointer_bg.png);
        background-size: 100% 100%;
        max-width: 150px;
      }
      .sidecount_li {
        margin-bottom: 5px;
      }
      .sideflex {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        .sideicon {
          margin-right: 8px;
        }
        .sideflexright {
          .sidetext {
            font-size: 14px;
            font-family: Adobe Heiti Std;
            font-weight: normal;
            color: rgba(6, 241, 162, 1);
            margin: 0;
          }
          .title {
            font-size: 10px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: rgba(255, 255, 255, 1);
            margin: 0;
          }
        }
      }
    }
    /**图层 */
    .sidecountirightshow {
      border-radius: 5px 0 0 5px;
    }
    .sidecountirightradius {
      position: fixed;
      right: 0;
      top: 225px;
    }
    .sidecountright {
      display: flex;
      align-items: center;
      position: fixed;
      z-index: 9;
      right: 0;
      top: 200px;
      .sidecountright_ul {
        .title {
          background: rgba(10, 213, 144, 1) !important;
          text-align: center;
          padding: 0 !important;
        }
        .sidecountright_li {
          padding: 0 15px 0 40px;
          box-sizing: border-box;
          min-width: 140px;
          background: rgba(0, 0, 0, 0.55);
          height: 30px;
          line-height: 30px;
          font-size: 12px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: rgba(255, 255, 255, 1);
          margin: 0;
          border-bottom: 1px solid rgba(255, 255, 255, 0.15);
          .successicon {
            vertical-align: middle;
            width: 10px;
          }
        }
      }
    }
    /**表格 */
    .bottomcountfix {
      position: fixed;
      top: 46px;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      z-index: 9;
    }
    .bottomradius {
      border-radius: 0 0 5px 5px !important;
    }
    .bottomcount {
      font-size: 12px;
      border-radius: 0 5px 5px 0;
      color: #fff;
      background-color: #f58914;
      width: 80px;
      text-align: center;
      padding: 5px 8px;
      margin: 0 auto;
      border-radius: 5px 5px 0 0;
    }
    .bottomfix {
      position: fixed;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 0);
    }
    .sidecounticom1 {
      position: fixed;
      top: 156px;
      right: 0;
      z-index: 0;
    }
    .contebt {
      width: 100%;
      overflow-x: auto;
      white-space: nowrap;
      overflow-y: hidden;
      color: #fff;
      font-size: 12px;
      position: fixed;
      bottom: 0;
      z-index: 0;
      .countScoreHeader {
        background: #0ad590 !important;
        height: 30px !important;
        line-height: 30px !important;
        span {
          display: inline-block;
  
          font-family: Source Han Sans CN;
          font-weight: 400;
        }
      }
      .contebt_ul {
        width: 100%;
        min-width: max-content;
        min-width: -moz-max-content;
        .contebt_li:first-child,
        .contebt_li:last-child {
          border: 0;
        }
  
        .contebt_li {
          width: 100%;
          height: 100%;
          padding: 0 15px;
          box-sizing: border-box;
          height: 25px;
          line-height: 25px;
          // background: rgba(0, 0, 0, 0.55);
          border-bottom: 1px dashed rgba(255, 255, 255, 0.17);
          span {
            display: inline-block;
            font-family: Source Han Sans CN;
            font-weight: 400;
          }
        }
        // .contebt_li:nth-child(odd) {
        //   background: rgba(242, 242, 242, 1);
        // }
      }
  
      .span1 {
        min-width: 120px;
      }
      .span2 {
        min-width: 60px;
      }
      .span3 {
        min-width: 60px;
      }
      .span4 {
        min-width: 50px;
      }
      .span5 {
        min-width: 65px;
      }
    }
    .infodialog {
      font-size: 12px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: rgba(0, 0, 0, 1);
    }
  }
  /deep/ .van-picker__cancel, /deep/ .van-picker__confirm{
    color: #0AD691;
  }
  p{
    word-wrap:break-word !important;
    word-break:break-all !important;
  } 